// 项目全局css-variables
// 只要是项目相关视图，使用该文件定义的变量
// 如果是<Render />内视图，请使用render-var.less中定义的变量
:root {
    // 导航栏层级
    --app-nav-bar-zindex: 200;
    // 侧边栏层级
    --app-aside-zindex: var(--app-nav-bar-zindex);
    // 组件属性侧栏层级
    --app-aside-comp-attr-zindex: var(--app-nav-bar-zindex);
    // 导航栏高度
    --app-nav-bar-height: 56px;
    // 侧边菜单宽度
    --app-aside-bar-width: 94px;
    // 侧边组件列表宽度
    --app-aside-bar-comps-width: 224px;
    // 组件属性侧栏
    --app-aside-comp-attr-width: 404px;
    // 移动端预览背景
    --app-mobile-body-bg: rgb(107 114 128 / 5%);
    // 文本主色
    --app-text-color-main: #333;
    // 文本次色
    --app-text-color-second: #666;
    // 文本非重要色
    --app-text-color-third: #999;
    // 输入框占位文本色
    --app-control-placeholder-color: #999;
    // 品牌主色
    --app-color-primary: #1964FE;
    // 分割线颜色
    --app-color-seperator: #DDD;
    // 边框颜色
    --app-color-border: var(--app-color-seperator);
}
